<template>
	<view class="con">
		<view :style="{height: placeholderHeight}"></view>
		
		<view class="fixed-bottom bg-fff">
			<b-u-button-theme height="72rpx" width="616rpx" @click="$emit('click')">
				<slot></slot>
			</b-u-button-theme>
			<view class="safe-area-inset-bottom"></view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'fixed-bottom',
		props: {
			title: "",
		},

		data() {
			return {
				placeholderHeight: '',
			}
		},
		created() {
			this.$nextTick(() => {
				const query = uni.createSelectorQuery();
				query.in(this).select('.fixed-bottom').boundingClientRect();
				query.exec((res) => {
					this.placeholderHeight = res[0].height + 'px';
				})
			})
		},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
	.con {
		
		.fixed-bottom {
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 99;
			width: 100%;
			padding: 20rpx 30rpx;
		}
	}
</style>
